<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport"
			content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,minimal-ui" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<meta name="apple-mobile-web-app-title" content="天天来收租">
		<meta name="format-detection" content="telphone=no, email=no" />
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="HandheldFriendly" content="true">
		<meta name="MobileOptimized" content="320">
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<meta name="screen-orientation" content="portrait">
		<meta name="browsermode" content="application">
		<meta name="full-screen" content="yes">
		<meta name="x5-orientation" content="portrait">
		<meta name="x5-fullscreen" content="true">
		<meta name="x5-page-mode" content="app">
		<title>神秘矿山</title>
		<link rel="stylesheet" type="text/css" href="../css/public.css" />
		<link rel="stylesheet" type="text/css" href="../css/mine.css" />
	</head>
	<body>
		<div class="zone">
			<div class="nav-bar" id="nav-bar"></div>
			<div class="main">
				<div id="tab-team" class="team tab-box">
					<div class="tab-option">
						<li class="option-primary option-active" id="option-primary">初级</li>
						<li class="option-middle" id="option-middle">中级</li>
						<li class="option-senior" id="option-senior">高级</li>
					</div>
					<div class="tab-content">
						<div class="content content-primary content-show">
							<div class="item2 time-item" id="tab-old">
								<div class="equipment">
									<div class="item2 old-item active">
										<div class="listBox">
											<div class="list" id="list-primary">
												<div class="item1">
													<div class="item1-top">
														<img class="img1" src="http://img.qxgs.cc/tiantianlaishouzu/img/mine/ts.png" alt="">
														<div class="topin1">
															<p>正在使用的能量：999个</p>
															<span>（能量消耗：10/次）</span>
														</div>
														<img class="img2" src="http://img.qxgs.cc/tiantianlaishouzu/img/mine/ksdt.png" alt="">
														<img class="img3" src="http://img.qxgs.cc/tiantianlaishouzu/img/home/wen.png" alt="">
													</div>
													<div class="thingbg">
														<img src="http://img.qxgs.cc/tiantianlaishouzu/img/mine/1.png" alt="">
														<p>挖掘倒计时：<span>59s</span></p>
													</div>
													<p class="yuji">预计用时x天x时x分，可挖掘xxx原石</p>
													<div class="btnBox">
														<button>添加能量</button>
														<button>
															<img src="http://img.qxgs.cc/tiantianlaishouzu/img/mine/action.png" alt="">
															<span>看视频加速</span>
														</button>
													</div>
													<div class="btm">
														<div class="btmin">
															<div class="btmLeft">
																<div class="btm1 btm2">
																	<p>我的原石：</p>
																	<span>128.35</span>
																	<button class="sell">出售</button>
																</div>
																<div class="btm1">
																	<p>我的能量总数：</p>
																	<span>128.25个</span>
																</div>
															</div>
															<img src="http://img.qxgs.cc/tiantianlaishouzu/img/mine/hyfgjl.png" alt="">
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="item2 old-item">
										<div class="listBox">
											<div class="item1">
												<div class="cut">
													<div class="cutTop">
														<button class="record">切割记录</button>
														<img src="http://img.qxgs.cc/tiantianlaishouzu/img/home/wen.png" alt="">
													</div>
													<div class="cutCenter">
														<img src="http://img.qxgs.cc/tiantianlaishouzu/img/mine/c1.png" alt="">
													</div>
													<button class="cutbtn">切割</button>
													<div class="cutbtm">
														<div class="cutbtmtop">说明</div>
														<div class="cutbtm2">
															<div class="cutbtm3">
																<img src="http://img.qxgs.cc/tiantianlaishouzu/img/home/jinbi.png" alt="">
																<span class="fontred">0.1</span>
																<span>切割一次</span>
															</div>
															<div class="cutbtm3">
																<span>可以切出</span>
															</div>
															<div class="cutbtm3">
																<span>原石、切割卷、优惠卷 有几率切割</span>
															</div>
															<div class="cutbtm3">
																<span>有几率切割</span>
																<span class="fontgreen">十倍奖励！</span>
																<img src="http://img.qxgs.cc/tiantianlaishouzu/img/home/jinbi.png" alt="">
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="tab-title">
									<button class="old-title active">矿场挖掘</button>
									<button class="old-title">原石切割</button>
								</div>
							</div>
						</div>
						<div class="content content-middle">
							<div class="item2 time-item" id="tab-zhong">
								<div class="equipment">
									<div class="item2 zhong-item active">
										<div class="listBox">
											<div class="list" id="list-middle">
												<div class="item1">
													<div class="item1-top">
														<img class="img1" src="http://img.qxgs.cc/tiantianlaishouzu/img/mine/ts.png" alt="">
														<div class="topin1">
															<p>正在使用的能量：999个</p>
															<span>（能量消耗：50/次）</span>
														</div>
														<img class="img2" src="http://img.qxgs.cc/tiantianlaishouzu/img/mine/ksdt.png" alt="">
														<img class="img3" src="http://img.qxgs.cc/tiantianlaishouzu/img/home/wen.png" alt="">
													</div>
													<div class="thingbg thingbg2">
														<img src="http://img.qxgs.cc/tiantianlaishouzu/img/mine/2.png" alt="">
														<p>挖掘倒计时：<span>59s</span></p>
														<img class="thingsuo1" src="http://img.qxgs.cc/tiantianlaishouzu/img/mine/mask.png" alt="">
														<img class="thingsuo2" src="http://img.qxgs.cc/tiantianlaishouzu/img/mine/suo.png" alt="">
													</div>
													<!-- <p class="yuji">预计用时x天x时x分，可挖掘xxx原石</p> -->
													<p class="myhave">拥有中级矿场地图</p>
													<p class="progress">5/15</p>
													<div class="btnBox btnBox1">
														<button>未解锁</button>
													</div>
													<p class="yuji yuji2">集齐矿场碎片可解锁中级矿场</p>
													<div class="btm">
														<div class="btmin">
															<div class="btmLeft">
																<div class="btm1 btm2">
																	<p>我的原石：</p>
																	<span>128.35</span>
																	<button class="sell">出售</button>
																</div>
																<div class="btm1">
																	<p>我的能量总数：</p>
																	<span>128.25个</span>
																</div>
															</div>
															<img src="http://img.qxgs.cc/tiantianlaishouzu/img/mine/hyfgjl.png" alt="">
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="item2 zhong-item">
										<div class="listBox">
											<div class="item1">
												<div class="cut">
													<div class="cutTop">
														<button class="record">切割记录</button>
														<img src="http://img.qxgs.cc/tiantianlaishouzu/img/home/wen.png" alt="">
													</div>
													<div class="cutCenter cutCenterPurple">
														<img src="http://img.qxgs.cc/tiantianlaishouzu/img/mine/z1.png" alt="">
													</div>
													<button class="cutbtn">切割</button>
													<div class="cuthave">
														<div class="haveList">
															<div class="havekuang">
																<img class="havekuangimg1" src="http://img.qxgs.cc/tiantianlaishouzu/img/mine/anniu.png" alt="">
																<img class="havekuangimg2" src="http://img.qxgs.cc/tiantianlaishouzu/img/mine/dui.png" alt="">
															</div>
															<p>中级原石拥有：124</p>
														</div>
														<div class="haveList">
															<div class="havekuang">
																<img class="havekuangimg1" src="http://img.qxgs.cc/tiantianlaishouzu/img/mine/anniu.png" alt="">
																<!-- <img class="havekuangimg2" src="http://img.qxgs.cc/tiantianlaishouzu/img/mine/dui.png" alt=""> -->
															</div>
															<p>紫晶原石拥有：124</p>
														</div>
														<div class="haveList">
															<div class="havekuang">
																<img class="havekuangimg1" src="http://img.qxgs.cc/tiantianlaishouzu/img/mine/anniu.png" alt="">
																<!-- <img class="havekuangimg2" src="http://img.qxgs.cc/tiantianlaishouzu/img/mine/dui.png" alt=""> -->
															</div>
															<p>炫彩原石拥有：124</p>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="tab-title">
									<button class="zhong-title active">矿场挖掘</button>
									<button class="zhong-title">原石切割</button>
								</div>
							</div>
						</div>
						<div class="content content-senior">
							<div class="item2 time-item" id="tab-gao">
								<div class="equipment">
									<div class="item2 gao-item active">
										<div class="listBox">
											<div class="list" id="list-senior">
												<div class="item1">
													<div class="item1-top">
														<img class="img1" src="http://img.qxgs.cc/tiantianlaishouzu/img/mine/ts.png" alt="">
														<div class="topin1">
															<p>正在使用的能量：999个</p>
															<span>（能量消耗：50/次）</span>
														</div>
														<img class="img2" src="http://img.qxgs.cc/tiantianlaishouzu/img/mine/ksdt.png" alt="">
														<img class="img3" src="http://img.qxgs.cc/tiantianlaishouzu/img/home/wen.png" alt="">
													</div>
													<div class="thingbg thingbg2">
														<img src="http://img.qxgs.cc/tiantianlaishouzu/img/mine/3.png" alt="">
														<p>挖掘倒计时：<span>59s</span></p>
														<img class="thingsuo1" src="http://img.qxgs.cc/tiantianlaishouzu/img/mine/mask.png" alt="">
														<img class="thingsuo2" src="http://img.qxgs.cc/tiantianlaishouzu/img/mine/suo.png" alt="">
													</div>
													<!-- <p class="yuji">预计用时x天x时x分，可挖掘xxx原石</p> -->
													<p class="myhave">拥有中级矿场地图</p>
													<p class="progress">5/15</p>
													<div class="btnBox btnBox1">
														<button>未解锁</button>
													</div>
													<p class="yuji yuji2">集齐矿场碎片可解锁中级矿场</p>
													<div class="btm">
														<div class="btmin">
															<div class="btmLeft">
																<div class="btm1 btm2">
																	<p>我的原石：</p>
																	<span>128.35</span>
																	<button class="sell">出售</button>
																</div>
																<div class="btm1">
																	<p>我的能量总数：</p>
																	<span>128.25个</span>
																</div>
															</div>
															<img src="http://img.qxgs.cc/tiantianlaishouzu/img/mine/hyfgjl.png" alt="">
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="item2 gao-item">
										<div class="listBox">
											<div class="item1">
												<div class="cut">
													<div class="cutTop">
														<button class="record">切割记录</button>
														<img src="http://img.qxgs.cc/tiantianlaishouzu/img/home/wen.png" alt="">
													</div>
													<div class="cutCenter cutCenterOrange">
														<img src="http://img.qxgs.cc/tiantianlaishouzu/img/mine/g1.png" alt="">
													</div>
													<button class="cutbtn">切割</button>
													<div class="cuthave">
														<div class="haveList">
															<div class="havekuang">
																<img class="havekuangimg1" src="http://img.qxgs.cc/tiantianlaishouzu/img/mine/anniu.png" alt="">
																<img class="havekuangimg2" src="http://img.qxgs.cc/tiantianlaishouzu/img/mine/dui.png" alt="">
															</div>
															<p>中级原石拥有：124</p>
														</div>
														<div class="haveList">
															<div class="havekuang">
																<img class="havekuangimg1" src="http://img.qxgs.cc/tiantianlaishouzu/img/mine/anniu.png" alt="">
																<!-- <img class="havekuangimg2" src="http://img.qxgs.cc/tiantianlaishouzu/img/mine/dui.png" alt=""> -->
															</div>
															<p>紫晶原石拥有：124</p>
														</div>
														<div class="haveList">
															<div class="havekuang">
																<img class="havekuangimg1" src="http://img.qxgs.cc/tiantianlaishouzu/img/mine/anniu.png" alt="">
																<!-- <img class="havekuangimg2" src="http://img.qxgs.cc/tiantianlaishouzu/img/mine/dui.png" alt=""> -->
															</div>
															<p>炫彩原石拥有：124</p>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="tab-title">
									<button class="gao-title active">矿场挖掘</button>
									<button class="gao-title">原石切割</button>
								</div>
							</div>
							
						</div>
						<!-- <div class="content content-empty" id="list-empty">
							<p>暂无数据</p>
						</div> -->
					</div>
				</div>
			</div>
			<!-- 高级原石商店兑换 -->
			<div class="modal modal-exchange" id="modal-exchange">
				<div class="modal-mask"></div>
				<div class="modal-body">
					<div class="mask-tit">
						<img class="modalbj1" src="http://img.qxgs.cc/tiantianlaishouzu/img/mask/kaung1.png">
						<span>高级原石商店兑换</span>
					</div>
					<img class="modal-close" id="close-kf" src="http://img.qxgs.cc/tiantianlaishouzu/img/mask/close.png" />
					<div class="modal-content">
						<div class="modal-contentIn">
							<div class="exchange">
								<img src="http://img.qxgs.cc/tiantianlaishouzu/img/mine/a1.png" alt="">
								<p>中级原石1</p>
								<span>15/5</span>
								<button>兑换</button>
							</div>
							<div class="exchange">
								<img src="http://img.qxgs.cc/tiantianlaishouzu/img/mine/a2.png" alt="">
								<p>中级原石1</p>
								<span>15/5</span>
								<button>兑换</button>
							</div>
							<div class="exnum">
								<p>中级矿产地图数量：10</p>
								<p>高级矿产地图数量：10</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 切割记录 -->
			<div class="modal modal-record" id="modal-record">
				<div class="modal-mask"></div>
				<div class="modal-body">
					<div class="mask-tit">
						<img class="modalbj1" src="http://img.qxgs.cc/tiantianlaishouzu/img/mask/kaung1.png">
						<span>领取记录</span>
					</div>
					<img class="modal-close" id="close-record" src="http://img.qxgs.cc/tiantianlaishouzu/img/mask/close.png" />
					<div class="modal-content modal-content2">
						<div class="navBox">
							<div class="navtit">
								<span>名称</span>
								<span>切割时间</span>
								<span>获得奖励</span>
							</div>
							<div class="navcont">
								<div class="navlist">
									<p>初级原石</p>
									<span>2023-04-20 12:18:31</span>
									<div class="">
										<img src="http://img.qxgs.cc/tiantianlaishouzu/img/home/jinbi.png" alt="">
										<span>0.5</span>
									</div>
								</div>
								<div class="navlist">
									<p>初级原石</p>
									<span>2023-04-20 12:18:31</span>
									<div class="">
										<img src="http://img.qxgs.cc/tiantianlaishouzu/img/home/jinbi.png" alt="">
										<span>0.5</span>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 切割 -->
			<div class="modal modal-cut" id="modal-cut">
				<div class="modal-mask"></div>
				<div class="modal-body">
					<div class="mask-tit">
						<img class="modalbj1" src="http://img.qxgs.cc/tiantianlaishouzu/img/mask/kaung1.png">
						<span>切割</span>
					</div>
					<img class="modal-close" id="close-cut" src="http://img.qxgs.cc/tiantianlaishouzu/img/mask/close.png" />
					<div class="modal-content">
						<div class="modal-contentIn">
							<div class="is_cut">
								<p>切割高级原石需要</p>
								<img src="http://img.qxgs.cc/tiantianlaishouzu/img/home/jinbi.png" alt="">
								<span>0.3</span>
								<p>是否继续切割？</p>
							</div>
							<p class="havep">高级原石当前拥有：124</p>
							<div class="havepice">
								<p>高级切割证（0）</p>
								<button>使用</button>
							</div>
						</div>
						<div class="btmBox">
							<div class="btmBoxIn">
								<div class="shiyong">
									<p class="fontgreen">使用</p>
									<img src="http://img.qxgs.cc/tiantianlaishouzu/img/home/jinbi.png" alt="">
									<p class="fontgreen">0.3</p>
								</div>
								<button class="cut_confirm">确认切割</button>
							</div>
							<div class="btmBoxIn">
								<div class="shiyong">
									<span>成功观看免费切割一次</span>
								</div>
								<button class="cut_confirm cut_confirm2">确认切割</button>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script src="../js/public.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/nav-bar.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/tab-bar.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/tab-bar1.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/mine.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>